
* {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
.share-wrap {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 101;
}
.icon-share{
  position:fixed;
  right:25px;
  top:0px;
  background:url() no-repeat 0 0;
  background-size:161px auto;
  width: 161px;
  height: 98px;
}
.util-m-share-container {
  .backdrop {
    background: #000000;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 101;
  }
  .popup {
    background: #ffffff;
    bottom: -200px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 102;
    .title {
      padding: 16px 0;
      width: 25%;
      .text {
        color: #999999;
        margin: auto;
        width: 55px;
      }
    }
    .share-channel-list {
      padding: 0 12%;
      .share-channel-item {
        display: block;
        float: left;
        margin-top: 12px;
        text-align: center;
        width: 33%;
        .icon {
          background-image: url();
          background-size: 224px auto;
          border-radius: 12px;
          height: 55px;
          margin: auto;
          width: 55px;
        }
        .icon.qqzone {
          background-position: -56px -56px;
        }
        .icon.weibo {
          background-position: 0 -56px;
        }
        .icon.tencentweibo {
          background-position: -112px -56px;
        }
        .icon.wechat {
          background-position: 0 0;
        }
        .icon.timeline {
          background-position: -56px 0;
        }
        .name {
          color: #333333;
          padding-bottom: 24px;
          padding-top: 12px;
        }
      }
    }
  }
}